﻿/*------------------------------------------------------------------------
# StoxResearch - May 2012
# ------------------------------------------------------------------------
# Author: Haidv
# Website:  http://dev.meotom.net -  Email: justindc87@gmail.com
------------------------------------------------------------------------- */
/* Begin Reset.css */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
ol, ul { /*list-style: none;*/ }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
/* remember to define focus styles!*/
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }
/* clear fix */
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
body { line-height: 1; font-size: 11px; font-family: Arial,tahoma,verdana, "lucida grande" , "Trebuchet MS"; background: #fff url('../images/bg.gif') repeat; }
h1, h2, h3, h4, h5, h6 { font-size: 11px; padding: 5px 0; margin: 0 15px; }
ul, ol { list-style: none; }
img { border: 0; }
a { color: #7c8819; text-decoration: none; }
a:hover { text-decoration: underline; }
.fl { float: left !important; }
.fr { float: right !important; }
#wrapper { width: 980px; margin: 0px auto; margin-top: 30px; border-left: solid 1px #bfbfbf; border-right: solid 1px #bfbfbf; background-color: #FFF; }
#header { height: 53px; width: 100%; background: #fff url('../images/bgHeader.gif') repeat-x; }
.logo {cursor:pointer; width: 136px; height: 40px; background: transparent url('../images/logo.png') no-repeat; margin-left: 18px; margin-top: 8px; float: left; width: 290px; }
.menu { width: 670px; float: left; margin-top: 20px; position: relative; }
.menu ul li { display: inline; margin-left: 10px; margin-right: 10px; }
.menu ul li a.home { width: 123px; height: 86px; background: transparent url('../images/home-icon.png') no-repeat; position: absolute; top: -19px; left: -58px; }
.menu ul li a { color: #FFF; font-size: 14px; font-weight: bold; }
.menu ul li a.findjob { margin-left: 20px; }
.main { height: 47px !important; background: #545454 url('../images/bgMain2.png') repeat-y !important; padding: 0 !important; }
.chooseJob { width: 830px; height: 44px; margin: 0 auto; background: transparent url('../images/bgChoose.png') no-repeat; margin-top: 15px; position: relative; }
#main { height: 197px; width: 100%; float: left; background: transparent url('../images/bgMain.png') no-repeat 0 -53px; padding-top: 90px; }
#main h2 { font-size: 27px; color: #FFF; text-align: center; text-shadow: 1px 1px 10px #000000; filter: dropshadow(color=#000000, offx=1, offy=1); }
#main h3 { font-size: 18px; color: #FFF; text-align: center; margin-top: 20px; }
#main h3 span { font-family: Verdana; color: #cffaac; }
#jobTitle { width: 160px; height: 36px; -webkit-border-radius: 5px; border-radius: 5px; border-width: 0px; position: absolute; top: 4px; left: 4px; }
#jobCity { width: 290px; height: 36px; -webkit-border-radius: 5px; border-radius: 5px; border-width: 0px; position: absolute; left: 434px; top: 4px; }
#txtJobPos { width: 242px; height: 36px; -webkit-border-radius: 5px; border-radius: 5px; border-width: 0px; position: absolute; left: 174px; top: 4px; padding: 0px; color: #f97a11; padding-left: 8px; }
#btnFind { width: 92px; height: 36px; -webkit-border-radius: 5px; border-radius: 5px; border-width: 0px; background-color: #f97a11; font-size: 18px; color: #FFF; position: absolute; left: 732px; top: 4px; }
#content { width: 960px; padding-left: 10px; padding-right: 10px; padding-top: 15px; float: left; background-color: #FFF; }
#footer { width: 100%; border-top: solid 5px #889700; text-align: center; float: left; background: transparent url('../images/bgFooter.gif') repeat; height: 52px; color: #FFF; padding-top: 20px; margin-top: 10px; }
#footer a { color: #FFF; font-weight: bold; }
#footer p { margin-top: 10px; }

.leftCol { width: 690px; float: left; }
.rightCol { width: 255px; float: left; margin-left: 7px; }
.boxJob { margin-top: 10px; margin-bottom: 10px; float: left; }
.boxJobHeader { background: transparent url('../images/boxHeader.gif') no-repeat; width: 690px; float: left; height: 33px; }
.boxJobHeader h2 { background: transparent url('../images/conner.gif') no-repeat right; margin: 3px 0 0 3px; padding: 0px 18px 0 0; float: left; line-height: 25px; }
.boxJobHeader h2 a { color: #FFF; }
.boxJobHeader h2 a span { background-color: #6a7600; float: left; padding-left: 10px; padding-top: 3px; }
.boxJobHeader h2 span {color: #FFF; background-color: #6a7600; float: left; padding-left: 10px; padding-top: 3px; }
.boxJobContent { padding: 10px; float: left; padding-left: 0px; }
.boxJobContent2 { padding: 10px; float: left; background: transparent url('../images/bgBox.png') repeat-y; width: 670px; }
.boxJobContent2 ul li { display: inline; float: left; width: 170px; padding: 5px; }
.boxJobContent2 ul li a { color: #333; font-size: 11px; }
.boxJobContent2 ul li a span { color: #dc7e00; }
.jobTitle { width: 284px; height: 33px; border-bottom: dotted 1px #CCC; float: left; background: transparent url('../images/arrow.gif') no-repeat 0 0px; padding-left: 10px; margin-top: 12px; margin-left: 15px; }
.jobTitle a.title { font-size: 12px; text-decoration: underline; color: #333; font-weight: bold; }
.jobTitle a.company { color: #999; margin-top: 5px; float: left; }
.jobTitle span.company { color: #999; margin-top: 5px; float: left; }
.topJobFav { border: solid 1px #CCC; padding: 10px; padding-bottom: 0px; }
.topJobFav legend { background: transparent url('../images/fav.png') no-repeat 0 0px; color: #FF0000; font-size: 14px; font-weight: bold; height: 27px; padding-left: 20px; padding-top: 5px; }
.topJob { width: 320px; float: left; margin-bottom: 10px; }
.jobImage { width: 100px; float: left; }
.jobContent { width: 300px; float: left; padding-left: 10px; }
.jobContent a, .advContent a { font-size: 12px; color: #5e6900; font-weight: bold; line-height: 14px; }
.jobContent p, .advContent p { font-size: 12px; color: #858585; padding-top: 5px; line-height: 14px; }
.boxMember, .boxAdv { border-bottom: solid 1px #CCC; border-left: solid 1px #CCC; border-right: solid 1px #CCC; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; }
.boxMember a span { background: transparent url('../images/bgHeaderMember.gif') no-repeat left; float: left; color: #FFF; font-size: 14px; height: 40px; line-height: 40px; width: 174px; padding-left: 16px; }
.boxMember h2 { background: transparent url('../images/bgHeaderMemberR.gif') no-repeat right; float: left; padding: 0px; margin: 0px; width: 254px; margin-bottom: 15px; }
.boxMemberContent { font-size: 12px; padding: 15px 15px 5px; background-color: #f3f3f3; }
.boxMemberContent table { width: 100%; }
.boxMemberContent table td { padding-bottom: 10px; }
.boxMemberContent table td a { font-size: 12px; color: #586201; text-decoration: underline; }
#txtEmail, #txtPassword { width: 146px; }
#btnLogin { float: right; font-size: 11px; background: transparent url('../images/btnLogin.gif') no-repeat 0 0px; border-width: 0px; width: 61px; height: 19px; }
.formInput { text-align: right; }
.boxAdv { margin-top: 10px; border-top: solid 1px #CCC; padding: 10px; padding-top: 0px; }
.boxAdv h2 { font-size: 14px; text-transform: uppercase; color: #000; border-bottom: dotted 1px #000; padding: 0px; line-height: 32px; margin: 0; }
.advImg { width: 70px; float: left; }
.advContent { width: 230px; float: left; padding-left: 10px; }
.adv { width: 240px; float: left; margin-top: 10px; }
.advContent a { color: #000; }
.hr { border-bottom: dotted 1px #CCC; width: 100%; height: 1px; float: left; margin-top: 10px; margin-bottom: 10px; }
.btnNext { width: 68px; height: 18px; float: right; background: transparent url('../images/btnNext.gif') no-repeat; }
.qc { width: 255px; float: left; margin-top: 10px; }

/*************************/
#jobTitle2 { width: 104px; height: 26px; -webkit-border-radius: 5px; border-radius: 5px; border-width: 0px; position: absolute; top: 4px; left: 4px; color: #545454; font-weight: bold; font-size: 11px; }
.jobTitle2 { width: 104px; height: 26px; -webkit-border-radius: 5px; border-radius: 5px; border-width: 0px; position: absolute; top: 4px; left: 4px; color: #545454; font-weight: bold; font-size: 11px; }
#txtJobPos2 { width: 278px; height: 26px; -webkit-border-radius: 5px; border-radius: 5px; border-width: 0px; padding: 0px; color: #545454; padding-left: 8px; font-size: 11px; position: absolute; left: 112px; top: 4px; }
#jobCity2 { width: 230px; height: 26px; -webkit-border-radius: 5px; border-radius: 5px; border-width: 0px; position: absolute; left: 402px; top: 4px; color: #545454; font-weight: bold; font-size: 11px;}
.jobCity2 { width: 230px; height: 26px; -webkit-border-radius: 5px; border-radius: 5px; border-width: 0px; position: absolute; left: 402px; top: 4px; color: #545454; font-weight: bold;font-size: 11px; }
#btnFind2 { width: 81px; height: 26px; -webkit-border-radius: 5px; border-radius: 5px; border-width: 0px; background-color: #f0f0f0; font-size: 13px; color: #000; font-weight: bold; position: absolute; left: 635px; top: 4px; }
#content .nav { margin-bottom: 15px; }
#content .nav li { display: inline; font-weight: bold; font-size: 12px; }
.chooseJob2 { width: 721px; background: none; height: auto; margin-top: 10px; position: relative; }
.headPage { width: 960px; height: 102px; border: solid 1px #ccc6c6; float: left; position: relative; background: transparent url('../images/bgHead.png') no-repeat top right; }
.headPage2 { width: 960px; height: 102px; border: solid 1px #ccc6c6; float: left; position: relative; background: transparent url('../images/bgHead2.png') no-repeat top right; }
.headPageTitle { position: absolute; top: 0px; left: 0px; background: transparent url('../images/headPageTitle.png') no-repeat; width: 233px; height: 37px; line-height: 28px; }
.headPageTitle h2 { text-transform: uppercase; font-size: 14px; color: #FFF; }
.jobName { float: left; margin-left: 15px; margin-top: 50px; }
.jobName p { font-size: 12px; line-height: 20px; }
.jobName p span { color: #7f8b19; font-weight: bold; }
.formJob { float: left;padding-bottom: 30px; }
.formJob h2, .headDetail { color: #565E19; float: left; font-size: 13px; margin: 0; padding: 0; text-transform: uppercase; width: 936px;height: 30px;line-height: 33px;background-color: #ececec;border-left: solid 15px #565e19;padding-left: 10px;margin-top: 10px; }
.formJob table.tblForm { font-size: 12px;width: 947px;border-collapse: collapse;border: dotted 1px #e5e5e5;margin-top: 5px;margin-left: 5px;margin-right: 5px;float: left}
.formJob table.tblForm td { padding: 5px;border-bottom: dotted 1px #e5e5e5;vertical-align: middle;}
.formJob table.tblForm td input[type=text],.formJob table.tblForm td input[type=password] { width: 300px;}
.formJob table.tblForm td textarea { width: 480px;height: 160px;}
.formJob table.tblForm td span.suggest { font-size: 11px;color: #959595;margin-top: 3px;float: left}
.formJob table.tblForm td span.welcome { color: #565e19;}
.newreg { margin-top: 10px;margin-left: 15px;}
.newreg li {background: transparent url('../images/bullet.gif') no-repeat 0px 3px;padding-left: 10px;margin-bottom: 10px;}
.formRight { text-align: right;padding-right: 10px;width: 30%;}
#btnSubmitForm {background: transparent url('../images/btnSubmit.png') no-repeat;width: 105px;height: 27px;border: none;}
#btnResetForm {background: transparent url('../images/btnReset.png') no-repeat;width: 81px;height: 27px;border: none;}
#btnLoginForm {background: transparent url('../images/btnLoginForm.png') no-repeat;width: 105px;height: 27px;border: none;}
.red { color: red;}
.colLeft { float: left;width: 690px;}
.colRight{ float: left;width: 255px;margin-left: 15px;}
.headDetail { width: 665px;}
.divCompany { float: left;width: 690px;}
.divCompanyL { float: left;width: 440px;padding-left: 10px;padding-top: 15px;font-size: 12px;line-height: 18px;}
.divCompanyL .companyName {font-weight:bold;font-size:14px;}
.divCompanyL p{margin-bottom:10px;}
.divCompanyR { float: right;width: 238px;padding-top: 15px;}
.divCompanyR img { width: 238px;}
.tblJobDetail { width: 674px;margin-left: 15px;margin-top: 15px;float: left;border-collapse: collapse;border: solid 1px #e5e5e5;line-height: 18px;}
.tblJobDetail td {padding: 5px;border-bottom: solid 1px #e5e5e5;vertical-align: middle;}
.algnRight { width: 25%;text-align: right;padding-right: 10px!important;border-right: solid 1px #e5e5e5;}
.share { float: left;width: 464px;margin-top: 10px;}
.btn { float: left;width: 209px;float: right;margin-top: 10px;}
#btnSendJob {background: transparent url('../images/btnSendJob.png') no-repeat;width: 96px;height: 32px;border: none;float: left;cursor:pointer;}
#btnSaveJob {background: transparent url('../images/btnSaveJob.png') no-repeat;width: 113px;height: 32px;border: none;float: left;cursor:pointer;}
.divCounter { float: left;width: 100%;text-align: right;margin-top: 10px;margin-bottom: 20px;}
.jobName2 { font-weight: bold;background-color: #dadccc;}
.toolTitle { float: left;background: transparent url('../images/bgHeaderTool.gif') no-repeat;width: 256px;height: 32px;margin-bottom: 3px;}
.toolTitle h2 { font-size: 14px;text-transform: uppercase;color: #FFF;padding: 0;margin: 0;padding-left: 26px;line-height: 31px;}
.tools ul { float: left;width: 100%;}
.tools ul li { height: 32px;background: transparent url('../images/bgToolItem.gif') repeat-x;line-height: 34px;padding-left: 15px;margin-bottom: 2px;}
.tools ul li a { font-size: 12px;color: #000;font-weight: bold;}
span.article {background: transparent url('../images/bg.png') no-repeat 0 0;width: 28px;height: 21px;float: left;margin-top: 6px;margin-right: 15px;}
span.friend {background: transparent url('../images/bg.png') no-repeat -28px 0;width: 28px;height: 24px;float: left;margin-top: 6px;margin-right: 16px;}
span.save {background: transparent url('../images/bg.png') no-repeat -56px 0;width: 17px;height: 24px;float: left;margin-top: 8px;margin-right: 23px;margin-left: 4px;}
span.print {background: transparent url('../images/bg.png') no-repeat -73px 0;width: 24px;height: 24px;float: left;margin-top: 6px;margin-right: 16px;margin-left: 4px;}
span.folder {background: transparent url('../images/bg.png') no-repeat -97px 0;width: 21px;height: 24px;float: left;margin-top: 8px;margin-right: 18px;margin-left: 7px;}
span.find {background: transparent url('../images/bg.png') no-repeat -116px 0;width: 28px;height: 24px;float: left;margin-top: 8px;margin-right: 12px;margin-left: 6px;}
.jobSearchApp { margin-top: 15px;float: left;width: 100%;}
.jobSearchApp h2 { text-transform: uppercase;font-size: 14px;margin: 0;padding: 0;color: #4a5012;margin-bottom: 10px;}
.jobSearchApp h2 span { color: #000;}
.iconMessage { width: 59px;height: 45px;background: transparent url('../images/bgMsg.png') no-repeat;margin-top: 15px;margin-left: 20px;}
.headPage2 h2 { text-transform: uppercase;font-size: 15px;padding-top: 5px;}
.NewsBox { width: 948px;margin: 0 auto;padding-left: 10px;}
.NewsBoxItem { width: 205px;-webkit-border-radius: 5px; border-radius: 5px;border: solid 1px #7f8b19;float: left;margin-top: 20px;margin-right: 10px;padding-left: 15px;padding-right: 5px;padding-bottom: 40px;margin-bottom: 40px;}
.NewsBoxItem h3 { text-transform: uppercase;font-size: 14px;padding: 0;margin: 0;margin-top: 15px;padding-bottom: 5px; border-bottom: solid 4px #7f8b19;}
.NewsBoxItem ul { margin-top: 8px;border-top: dotted 1px #c2c2c2;padding-top: 15px;}
.NewsBoxItem ul li { background: transparent url('../images/bg.png') no-repeat -132px 8px;padding-left: 12px;padding-top: 2px;padding-bottom: 2px;line-height: 18px;}
.NewsBoxItem ul li a { font-size: 12px;color: #000;}